{assign_variable:this_weblog="working_here"}
{assign_variable:this_template_group="working-here"}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">
<head>
     <title>NCE Intranet</title>
     <script language="javascript" src="/_includes/AC_ActiveX.js" type="text/javascript"></script>
     <script language="javascript" src="/_includes/AC_RunActiveContent.js" type="text/javascript"></script>
     <link rel="stylesheet" href="/_styles/global.css" media="screen,projection" type="text/css" />
     <link rel="stylesheet" href="/_styles/navigation.css" media="screen,projection" type="text/css" />
     <link rel="stylesheet" href="/_styles/meeting-rooms.css" media="screen,projection" type="text/css" />
     {embed=_includes/tracewatch}
</head>

<body id="{segment_1}" class="sub cat-67">

     <div id="left"></div>
     <div id="right"></div>

     <div id="centre">
          <div id="centre-top">
               <div id="compact-top-nav">
                    {embed=_includes/topnav}
               </div>
               <div id="user-links">
                    {if logged_in}
                         {embed=_components/userlinks}
                    {if:else}
                         {embed=_components/userlinks2}
                    {/if}
               </div>
               <div id="searchbox">{embed=_components/search}</div>
          </div> <!-- end centre-top -->
    
          <div id="section-centre-mid">
               <div id="section-title">
			        <a href="/working-here/" id="section-title-link"><span>Living Here</span></a>
               </div>
          </div>

          <div id="centre-body">
               <div id="content-panel">
                    <div id="entries">

                         <div id="breadcrumb">
                              <a href="/">{embed=_language/intranet}</a> &gt; <a href="/working-here/">Working Here</a> &gt; <a href="/working-here/category/list/Office%20Facilities/">Office Facilities</a> &gt; <a href="/working-here/meeting-rooms/">Meeting Rooms</a>
                         </div>

                         {exp:weblog}{/exp:weblog}

                         {exp:ncb_rooms:calendar switch="calendarToday|calendarCell" booking_script_url="/working-here/book-room/" show_rooms_list="no" action="rooms_view"}

                              {messages}
                                   <div id="messages" class="booking-panel" style="margin-top: 40px;">
                                        <div class="booking-container">
                                             <p>{message}</p>
                                             <p><a title="back to previous page" href="{previous_url}">Go Back</a></p>
                                        </div>
                                  </div>
                              {/messages}

                              {rooms_view}
                                   <div id="day-data" class="rooms">
                                        <div id="nav-links">
                                             {locations_list}
                                                  <div id="locations_list_container">		
                                                       Locations:&nbsp;&nbsp;
                                                       {all_locations_link title="View rooms in all locations"}All{/all_locations_link}&nbsp;&nbsp;
                                                       {location_detail}		
                                                            {rooms_view_link title="View rooms in {location_name}"}{location_name}{/rooms_view_link}&nbsp;&nbsp;
                                                       {/location_detail}		
                                                  </div>
                                             {/locations_list}
                                             <table width="100%" cellspacing="0" cellpadding="0">
                                                  <tr>
                                                       <td width="30%" align="left">
                                                            &nbsp;<span class="prevnext-link">{previous_day_link title="previous day"}&lt; Previous Day{/previous_day_link}</span>
                                                       </td> <!-- previous only shown if not in the past -->
													   <td width="40%" align="center">
															<span class="date-nav">
																Available dates:
																{available_dates_list}
																	<select name="booking_date" onChange="window.location='{on_change_url}'+this.options[this.selectedIndex].value">
																		{date_info}
																			<option value="{internal_date}" {if booking_date}selected{/if} >{display_date}</option>
																		{/date_info}
																	</select>
																{/available_dates_list}
															</span>
													   </td>
                                                       <td width="30%" align="right">
                                                            <span class="prevnext-link">{next_day_link title="next day"}Next Day &gt;{/next_day_link}</span>&nbsp;
                                                       </td> <!-- next shown only if before last advance booking date -->						
                                                  </tr>
                                             </table>	               	                
                                        </div> <!-- end nav-links -->
                                        <div id="day-name">
                                             <h3>Bookings for {booking_date}</h3>
                                        </div>
                                        <div id="booking-list">
                                             {bookings}
                                                  <table width="100%" cellspacing="0" cellpadding="0">
                                                       <tr>
                                                            <th valign="bottom"><span class="data">Slot</span></th>
                                                            {rooms_list}
                                                                 {room_detail}		
                                                                      {room_attributes}
                                                                           <th colspan="2" class="day-header">
                                                                                <span class="data">											
                                                                                     <nobr>
                                                                                          <div style="background-color: {hex_colour}; float: left; border: solid 1px #000; width: 10px; height: 10px; margin 3px;">&nbsp;</div>
                                                                                          <div class="room-heading-small">
                                                                                               &nbsp;
                                                                                               <a title="{room_description}" href="/working-here/book-room/?booking_date={booking_date_internal}&amp;room_id={room_id}">
                                                                                                    {room_name}
                                                                                               </a>
                                                                                          </div>
                                                                                     </nobr>
                                                                                     <div style="width: 100%; white-space: nowrap;">{room_location}&nbsp;-&nbsp;<strong>{extension}</strong></div>
                                                                                </span>
                                                                           </th>
                                                                      {/room_attributes}
                                                                 {/room_detail}
                                                            {/rooms_list}
                                                       </tr>
                                                       {booking_slot}
                                                            <tr>
                                                                 <td class="slot-time">
                                                                      <span class="data">
                                                                           {if current_slot}<strong>{/if}
                                                                           {slot_time}
                                                                           {if current_slot}</strong>{/if}
                                                                      </span>
                                                                 </td>
                                                                 {slot_room_row}
                                                                      {if slot_booked}
                                                                           {if single_slot}
                                                                                <td class="booked one-slot {if next_slot_booked}booking-follows{/if}">
                                                                                     <span class="data event-title">
                                                                                        <a href="#" onClick="alert(this.title); return false;" 
                                                                                               title="{meeting_name} ({booking_time}) booked by {booking_owner} ({booking_owner_email})">
                                                                                               {char_limit limit="20"}{meeting_name}{/char_limit}
                                                                                        </a>
																					 </span>
																				</td>
																				<td align="right" class="smaller-cancel-col">
                                                                           {/if}
                                                                           {if booking_start}
                                                                                <td rowspan="{slot_count}" class="booked top-slot">
                                                                                     <span class="data event-title">
                                                                                          <a href="#" onClick="alert(this.title); return false;" 
                                                                                               title="{meeting_name} ({booking_time}) booked by {booking_owner} ({booking_owner_email})">
                                                                                               {char_limit limit="100"}{meeting_name}{/char_limit}
                                                                                          </a>
                                                                                     </span>
                                                                                </td>
																				<td align="right" rowspan="{slot_count}" class="smaller-cancel-col">
                                                                           {/if}
																				<span class="cancel-link">
																					 <!-- cancel link only shown if booking belongs to you or logged in as a super-admin -->
																					 {cancel_link title="Cancel this booking"}
																						  <img src="/images/meetingrooms/cancel.png" alt="cancel booking" width="12" height="12" />
																					 {/cancel_link}  
																				</span>																 
																				<span class="end-link">
																					 <!-- end link only shown if booking belongs to you or logged in as a super-admin -->
																					 {end_link title="End this booking now"}
                                                                                          <img src="/images/meetingrooms/end_booking.png" alt="end booking" width="12" height="12" />
																					 {/end_link}  
																				</span>	
																		   </td>
                                                                      {/if}
                                                                      {if not_slot_booked}
                                                                           <td colspan="2" class="not-booked {if next_slot_booked}booking-follows{/if} {if slot_in_past}slot-past{/if}">
                                                                                <span class="data">									
                                                                                     {if slot_in_past}&nbsp;{/if}
                                                                                     {if not_slot_in_past}
                                                                                          <a class="booking-link" href="{booking_script_url}" title="go to booking form">Book This</a>
                                                                                     {/if}                                
                                                                                </span>
                                                                           </td>
                                                                      {/if}
                                                                 {/slot_room_row}
                                                            </tr>
                                                       {/booking_slot}
                                                  </table>
                                             {/bookings}
                                        </div>
                                   </div>
                              {/rooms_view}

                         {/exp:ncb_rooms:calendar}

                    </div> <!-- end entries -->
               </div> <!-- end content panel -->
          </div> <!-- end centre body -->
 
          <div id="centre-footer">&nbsp;</div>
     </div> <!-- end centre -->

</body>
</html>